<template>
    <div class="border-r p-4 hidden md:block">
        <nuxt-link class="p-4 rounded-lg hover:bg-gray-100 flex flex-col items-center" v-for="(item, index) in menu"
            :key="index" :to="item.link">
            <div class="mb-2" :class="'fa fa-' + item.image"></div>
            <div class="text-sm">{{ item.title }}</div>
        </nuxt-link>

    </div>
</template>
<script setup>
const menu = ref([
    // {image:'yelp',title:'设计',link:'/ai/design'},
    // {image:'meh-o',title:'素材',link:'/ai/writer'},
    { image: 'image', title: '绘图', link: '/ai/image' },
    { image: 'file-text-o', title: '文案', link: '/ai/writer' }])
</script>